// 导入热门电影的组件
import hotFilm from '@/views/films/HotFilm.vue'
// 导入即将上映电影的组件
import upComingFilm from '@/views/films/UpComingFilm.vue'
// 导入主页的组件
import filmHome from '@/views/films/FilmHome.vue'
// 导入电影详情页的组件
import FilmDetail from '@/components/FilmDetail'

const filmRoutes = [{
        // 电影页面的路由配置
        path: '/film',
        name: 'Film',
        component: filmHome,
        // 指定嵌套路由
    children: [{
            // 热门电影
                path: 'hotFilm',
                name: 'hotFilm',
                component: hotFilm
    }, {
                // 即将上映的电影
                path: 'upComingFilm',
                name: 'UpComingFilm',
                component: upComingFilm
            },
            // 路由重定向
            {
                path: '/film',
                redirect: 'hotFilm'
            }
        ]
},
    // 电影详情页的路由配置
    {
        path: '/detail/:filmId',
        name: 'Detail',
        component: FilmDetail
    }

]

export default filmRoutes